/*
YUI 3.10.2 (build f282c77)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
html{
	color:#000;
	background:#FFF;
}
/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF. 
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,
img {
	border:0;
}
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style:normal;
	font-weight:normal;
}

ol,
ul {
	list-style:none;
}

caption,
th {
	text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}

/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssreset { display: none; }
body, section, input, select, button, label, article, span, table, img, nav, .wgt > div {
    font: 14px/1.5 tahoma,​arial,helvetica,sans-seri;
}

h1 {
    font-size: 20px;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 16px;
}
﻿/*--------- Workbench & Workspace ---------*/
header, #content, .content, footer {
    margin: 0 auto;
}

header {
    margin-top: 2.3em;
}

    header > .wgt > div {
        vertical-align: bottom;
    }

#content, .content, footer {
    margin-top: .8em;
}
/*--------- Workpart ---------*/
.wp, .wgt /*widget*/ {
    font-size: 0; /* 所有浏览器 */
    *word-spacing: -1px; /* IE6、7 */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .wp, .wgt {
        letter-spacing: -5px;
    }
}

section, input, select, button, label, span, table, article, img, nav, .wgt > div {
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

section {
    margin: 0 .5em;
    *padding: 0 .5em;
}

/*--------- View Width ---------*/
.w1 {
    width: 1em;
}

.w2 {
    width: 2em;
}

.w3 {
    width: 3em;
}

.w4 {
    width: 4em;
}

.w5 {
    width: 5em;
}

.w6 {
    width: 6em;
}

.w7 {
    width: 7em;
}

.w8 {
    width: 8em;
}

.w9, section.w10 {
    width: 9em;
}

.w10 {
    width: 10em;
}

.w11 {
    width: 11em;
}

.w12 {
    width: 12em;
}

.w13 {
    width: 13em;
}

.w14 {
    width: 14em;
}

.w15 {
    width: 15em;
}

.w16 {
    width: 16em;
}

.w17 {
    width: 17em;
}

.w18 {
    width: 18em;
}

.w19, section.w20 {
    width: 19em;
}

.w20 {
    width: 20em;
}

.w21 {
    width: 21em;
}

.w22 {
    width: 22em;
}

.w23 {
    width: 23em;
}

.w24 {
    width: 24em;
}

.w25 {
    width: 25em;
}

.w26 {
    width: 26em;
}

.w27 {
    width: 27em;
}

.w28 {
    width: 28em;
}

.w29, section.w30 {
    width: 29em;
}

.w30 {
    width: 30em;
}

.w31 {
    width: 31em;
}

.w32 {
    width: 32em;
}

.w33 {
    width: 33em;
}

.w34 {
    width: 34em;
}

.w35 {
    width: 35em;
}

.w36 {
    width: 36em;
}

.w37 {
    width: 37em;
}

.w38 {
    width: 38em;
}

.w39, section.w40 {
    width: 39em;
}

.w40 {
    width: 40em;
}

.w41 {
    width: 41em;
}

.w42 {
    width: 42em;
}

.w43 {
    width: 43em;
}

.w44 {
    width: 44em;
}

.w45 {
    width: 45em;
}

.w46 {
    width: 46em;
}

.w47 {
    width: 47em;
}

.w48 {
    width: 48em;
}

.w49, section.w50 {
    width: 49em;
}

.w50 {
    width: 50em;
}

.w51 {
    width: 51em;
}

.w52 {
    width: 52em;
}

.w53 {
    width: 53em;
}

.w54 {
    width: 54em;
}

.w55 {
    width: 55em;
}

.w56 {
    width: 56em;
}

.w57 {
    width: 57em;
}

.w58 {
    width: 58em;
}

.w59 {
    width: 59em;
}

.w60 {
    width: 60em;
}

.w61 {
    width: 61em;
}

.w62 {
    width: 62em;
}

.w63 {
    width: 63em;
}

.w64 {
    width: 64em;
}

.w65 {
    width: 65em;
}

.w66 {
    width: 66em;
}

.w67 {
    width: 67em;
}

.w68 {
    width: 68em;
}

.w69 {
    width: 69em;
}

.w70 {
    width: 70em;
}

.w71 {
    width: 71em;
}

.w72 {
    width: 72em;
}

.w73 {
    width: 73em;
}

.w74 {
    width: 74em;
}

.w75 {
    width: 75em;
}

.w76 {
    width: 76em;
}

.w77 {
    width: 77em;
}

.w78 {
    width: 78em;
}

.w79, header.w80 {
    width: 79em;
}

.w80, .ws80 {
    width: 80em;
}

.w81 {
    width: 81em;
}

.w82 {
    width: 82em;
}

.w83 {
    width: 83em;
}

.w84 {
    width: 84em;
}

.w85 {
    width: 85em;
}

.w86 {
    width: 86em;
}

.w87 {
    width: 87em;
}

.w88 {
    width: 88em;
}

.w89, header.w90 {
    width: 89em;
}

.w90, .ws90 {
    width: 90em;
}

.w91 {
    width: 91em;
}

.w92 {
    width: 92em;
}

.w93 {
    width: 93em;
}

.w94 {
    width: 94em;
}

.w95 {
    width: 95em;
}

.w96 {
    width: 96em;
}

.w97 {
    width: 97em;
}

.w98 {
    width: 98em;
}

.w99, header.w90 {
    width: 99em;
}

.w100, .ws100 {
    width: 100em;
}

.w-1 {
    width: 100%;
}

.w-1-2 {
    width: 50%;
}

.w-1-3 {
    width: 33.33333%;
}

.w-2-3 {
    width: 66.66666%;
}

.w-1-4 {
    width: 25%;
}

.w-3-4 {
    width: 75%;
}

.w-1-5 {
    width: 20%;
}

.w-2-5 {
    width: 40%;
}

.w-3-5 {
    width: 60%;
}

.w-4-5 {
    width: 80%;
}

.w-1-6 {
    width: 16.656%;
}

.w-5-6 {
    width: 83.33%;
}

.w-1-8 {
    width: 12.5%;
}

.w-3-8 {
    width: 37.5%;
}

.w-5-8 {
    width: 62.5%;
}

.w-7-8 {
    width: 87.5%;
}

.w-1-12 {
    width: 8.3333%;
}

.w-5-12 {
    width: 41.6666%;
}

.w-7-12 {
    width: 58.3333%;
}

.w-11-12 {
    width: 91.6666%;
}

.w-1-24 {
    width: 4.1666%;
}

.w-5-24 {
    width: 20.8333%;
}

.w-7-24 {
    width: 29.1666%;
}

.w-11-24 {
    width: 45.8333%;
}

.w-13-24 {
    width: 54.1666%;
}

.w-17-24 {
    width: 70.8333%;
}

.w-19-24 {
    width: 79.1666%;
}

.w-23-24 {
    width: 95.8333%;
}



.wgt-l4, .wgt-l4-r4, .wgt-l4-r6, .wgt-l4-r8, .wgt-l4-r10 {
    padding-left: 4em;
    position: relative;
}

.wgt-l6, .wgt-l6-r4, .wgt-l6-r6, .wgt-l6-r8, .wgt-l6-r10 {
    padding-left: 6em;
    position: relative;
}

.wgt-l8, .wgt-l8-r4, .wgt-l8-r6, .wgt-l8-r8, .wgt-l8-r10 {
    padding-left: 8em;
    position: relative;
}

.wgt-l10, .wgt-l10-r4, .wgt-l10-r6, .wgt-l10-r8, .wgt-l10-r10 {
    padding-left: 10em;
    position: relative;
}

.wgt-r4, .wgt-l4-r4, .wgt-l6-r4, .wgt-l6-r4, .wgt-l6-r4 {
    padding-right: 4em;
    position: relative;
}

.wgt-r6, .wgt-l4-r6, .wgt-l6-r6, .wgt-l6-r6, .wgt-l6-r6 {
    padding-right: 6em;
    position: relative;
}

.wgt-r8, .wgt-l4-r8, .wgt-l6-r8, .wgt-l6-r8, .wgt-l6-r8 {
    padding-right: 8em;
    position: relative;
}

.wgt-r10, .wgt-l4-r10, .wgt-l6-r10, .wgt-l6-r10, .wgt-l6-r10 {
    padding-right: 10em;
    position: relative;
}

    .wgt-l4 .w4:first-child, .wgt-l4-r4 .w4:first-child, .wgt-l4-r6 .w4:first-child, .wgt-l4-r8 .w4:first-child, .wgt-l4-r10 .w4:first-child,
    .wgt-l6 .w6:first-child, .wgt-l6-r4 .w6:first-child, .wgt-l6-r6 .w6:first-child, .wgt-l6-r8 .w6:first-child, .wgt-l6-r10 .w6:first-child, .wgt-l8 .w8:first-child, .wgt-l8-r4 .w8:first-child, .wgt-l8-r6 .w8:first-child, .wgt-l8-r8 .w8:first-child, .wgt-l8-r10 .w8:first-child, .wgt-l10 .w10:first-child, .wgt-l10-r4 .w10:first-child, .wgt-l10-r6 .w10:first-child, .wgt-l10-r8 .w10:first-child, .wgt-l10-r10 .w10:first-child {
        position: absolute;
        top: 0;
        left: 0;
    }


    .wgt-r4 .w4,
    .wgt-l4-r4 .w4,
    .wgt-l6-r4 .w4,
    .wgt-l8-r4 .w4,
    .wgt-l10-r4 .w4,
    .wgt-r6 .w6,
    .wgt-l4-r6 .w6,
    .wgt-l6-r6 .w6,
    .wgt-l8-r6 .w6,
    .wgt-l10-r6 .w6,
    .wgt-r8 .w8,
    .wgt-l4-r8 .w8,
    .wgt-l6-r8 .w8,
    .wgt-l8-r8 .w8,
    .wgt-l10-r8 .w8,
    .wgt-r10 .w10,
    .wgt-l4-r10 .w10,
    .wgt-l6-r10 .w10,
    .wgt-l8-r10 .w10,
    .wgt-l10-r10 .w10 {
        position: absolute;
        top: 0;
        right: 0;
    }

.ws-m80 {
    min-width: 80em;
}

.ws-m90 {
    min-width: 90em;
}

.ws-m100 {
    min-width: 90em;
}

.wgt-l6-h4{
    padding-left: 6em;
    position: relative;
    height:4em;
}